<!--  -->
<template>
  <div class='mycomponent'>
    <p>666</p>
    <p>{{title}}</p>
    <button @click="sendToFather">子川父</button>
  </div>
</template>

<script>


export default {
  // import引入的组件需要注入到对象中才能使用
  components: {

  },
  name: 'MyComponent', // ComponentName和文件名保持一致
  // 这里存放数据
  data () {
    return {};
  },
  props:{
    title:String,
    // 'fun'
  },
  computed: {}, // 监听属性 类似于data概念
  watch: {}, // 监控data中的数据变化
  methods: {
    sendToFather(){
      this.$emit('sonData','子组件数据')
    }
  },// 方法集合
 
}
</script>
<style>

</style>